﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master" CodeBehind="AddNewScene.aspx.vb" Inherits="helzwebscripting.AddNewScene" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h1>Add Your Scene</h1>
    <p>Please fill in the fields below and click submit to add your scene to the 
        Twilighters Community.<br />
        <br />
        Scene name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:RegularExpressionValidator ID="expval_sceneName" runat="server" 
            ControlToValidate="tb_sceneName" CssClass="validators" 
            ErrorMessage=" Please keep text at a maxiumum of 255 characters" 
            ValidationExpression="^.{1,255}$"></asp:RegularExpressionValidator>
        <br />
        <asp:TextBox ID="tb_sceneName" runat="server" Width="344px" Font-Names="Arial"></asp:TextBox>
        <asp:RequiredFieldValidator ID="reqval_sceneName" runat="server" 
            ControlToValidate="tb_sceneName" CssClass="validators" 
            ErrorMessage="* please provide a name for this scene"></asp:RequiredFieldValidator>
        <br />
        <br />
        Scene
        image (Optional. Please ensure format is .jpg, .png. or .gif)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br />
<%--        expression validator to check image format, ref: forums.asp.net/t/1156963.aspx/1--%>
        <asp:FileUpload ID="f_sceneImg" runat="server" Font-Names="Arial" />
        &nbsp;<asp:RegularExpressionValidator ID="expval_sceneImg" 
            runat="server" ControlToValidate="f_sceneImg" CssClass="validators" ValidationExpression="(.*\.([Gg][Ii][Ff])|.*\.([Jj][Pp][Gg])|.*\.([pP][nN][gG])$)" ErrorMessage="Please ensure images are .jgp, .png, or .gif format"></asp:RegularExpressionValidator>
        <br />
        <br />
        Key book where this scene is from<br />
        <asp:DropDownList ID="ddl_keybook" runat="server" Width="125px" 
            Font-Names="Arial">
            <asp:ListItem>All</asp:ListItem>
            <asp:ListItem>Twilight</asp:ListItem>
            <asp:ListItem>New Moon</asp:ListItem>
            <asp:ListItem>Eclipse</asp:ListItem>
            <asp:ListItem>Breaking Dawn</asp:ListItem>
        </asp:DropDownList>
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
        <br />
       Key characters 
        in the scene&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:RegularExpressionValidator ID="expval_sceneChars" runat="server" 
            ControlToValidate="tb_sceneChars" CssClass="validators" 
            ErrorMessage=" Please keep text at a maxiumum of 255 characters" 
            ValidationExpression="^.{1,255}$"></asp:RegularExpressionValidator>
        <br />
        <asp:TextBox ID="tb_sceneChars" runat="server" Width="344px" Font-Names="Arial"></asp:TextBox>
        <asp:RequiredFieldValidator ID="reqval_sceneChars" runat="server" 
            ControlToValidate="tb_sceneChars" CssClass="validators" 
            ErrorMessage="* please add a key character(s) for this scene"></asp:RequiredFieldValidator>
        <br />
        <br />
        Scene description&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:RequiredFieldValidator ID="reqval_sceneDesc" runat="server" 
            ControlToValidate="tb_sceneDesc" CssClass="validators" 
            ErrorMessage="* please enter your comments to describe this scene"></asp:RequiredFieldValidator>
        <br />
        <asp:TextBox ID="tb_sceneDesc" runat="server" TextMode="MultiLine" 
            Width="508px" Height="100px" Font-Names="Arial"></asp:TextBox>
        <br />
        <br />
        URL for extra info (Optional)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         <asp:RegularExpressionValidator ID="expval_sceneURL" runat="server" 
            ControlToValidate="tb_sceneURL" CssClass="validators" 
            ErrorMessage="Please ensure the URL is at a maxiumum of 255 characters" 
            ValidationExpression="^.{1,255}$"></asp:RegularExpressionValidator>
        <br />
        <asp:TextBox ID="tb_sceneURL" runat="server" Width="200px" Font-Names="Arial"></asp:TextBox>
        <br />
        <br />
        <asp:Button ID="btn_addScene" runat="server" Text="Submit Your Scene" 
            Width="130px" CssClass="addBtn" />
    </p>
        <br />

    
</asp:Content>
